<template>
	<view class="box">
		<view class="ceiling" :style="{ 'padding-top': statusBarHeight + 'px' }"></view>
		<uni-nav-bar left-icon="back" title="实名认证" backgroundColor="#EE515A" color="#ffffff" @clickLeft="handleBack"></uni-nav-bar>
		<view class="bg_FFFFFF">
			<view class="cu-form-group">
				<view class="title text-black">姓名</view>
				<input placeholder="请输入姓名" name="input" v-model="realname"  :disabled="flag == 1 || flag == 2" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title text-black">身份证号</view>
				<input placeholder="输入身份号" name="input" v-model="idcard" :disabled="flag == 1 || flag == 2" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title text-black">银行卡号</view>
				<input placeholder="请填写本人银行卡卡号" name="input" v-model="bankno" :disabled="flag == 1 || flag == 2" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title text-black">开户银行</view>
				<input placeholder="请输入开户银行" name="input" v-model="bankname" :disabled="flag == 1 || flag == 2" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title text-black">开户行地址</view>
				<input placeholder="请输入开户行地址" name="input" v-model="openbank" :disabled="flag == 1 || flag == 2" ></input>
			</view>
		</view>
		
		<!-- 确认修改 开始 -->
		<view class="margin-top-sm bg_FFFFFF padding-lr"  v-if="flag == 0 || flag == 3">
			<view class="text-lg text-black padding-top">请拍摄并上传你的身份证照片</view>
			<view class="flex justify-between padding-tb-lg">
				<u-upload  :custom-btn="true" :file-list="fileList" @on-uploaded="onUploadedz" image-mode="" max-count="1" width="324rpx" height="279rpx" :action="action">
					<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"></view>
				</u-upload>
				<u-upload :custom-btn="true" :file-list="fileList2" @on-uploaded="onUploadedf" image-mode="" max-count="1" width="324rpx" height="279rpx" :action="action">
					<view slot="addBtn" class="slot-btnf" hover-class="slot-btn__hover" hover-stay-time="150"></view>
				</u-upload>
			</view>
		</view>
		<view  v-if="flag == 0 || flag == 3" class="padding-lr-xl padding-top-lg flex">
			<text style="width: 50%;" v-if="urlzTipShow">{{urlzText}}</text>
			<text style="width: 50%;" v-if="urlfTipShow">{{urlfText}}</text>
		</view>
		<view  v-if="flag == 0 || flag == 3" class="padding-lr-xl padding-top-lg flex flex-direction">
			<button class="cu-btn bg-blue lg" @click="submit">确认修改</button>
		</view>
		<!-- 确认修改 结束 -->
		<!-- 审核通过后显示 开始 -->
		<view class="margin-top-sm bg_FFFFFF padding-lr"   v-if="flag == 1 || flag == 2">
			<view class="text-lg text-black padding-top">身份证信息</view>
			<view class="flex justify-between padding-tb-lg">
				<view class="card">
					<!-- 正面 -->
					<image :src="showUrlz" mode=""></image>
				</view>
				<view class="card">
					<!-- 反面 -->
					<image :src="showUrlf" mode=""></image>
				</view>
			</view>
		</view>
		<view class="audit-hit normal" v-if="flag == 2">审核通过</view>
		<view class="audit-hit warn" v-if="flag == 1">等待审核</view>
		<view class="audit-hit error" v-if="flag == 3">审核未通过,请重新提交</view>
		<view class="remark" v-if="flag == 3">
			<text class="remark-title">驳回原因：</text>
			<text>{{remark}}</text>
		</view>
		<!-- 审核通过后显示 结束 -->
		<!-- 新版本 end -->

	</view>
</template>

<script>
	import httpHost from '@/common/httpRequest.js'
	export default {
		data() {
			return {
				statusBarHeight:getApp().globalData.statusBarHeight,//状态栏高度
				action: httpHost.config('UPLOADHOST'),
				urlz: '0',
				urlf: '0',
				showUrlz: '',
				showUrlf: '',
				urlzTipShow: false,
				urlfTipShow: false,
				urlzText: '正面上传中',
				urlfText: '反面上传中',
				fileList:[],
				fileList2: [],
				fileList3: [],
				remark: '',
				flag: "",
				// 银行数据
				// 新增参数
				realname: '', //姓名
				idcard: '', //身份证号
				bankno: '', //请填写本人银行卡卡号
				openbank: '', //开户行
				bankname: "",//银行名称 
			};
		},
		methods:{
			//返回上一级页面
			handleBack() {
				uni.navigateBack({
					delta: 1
				});
			},
			
			getRealName() {
				this.$Request.post(this.$api.index.getUser).then(res => {
					let data = res.data;
					
					if(data.idimg1 != null){
						data.idimg1 =  data.idimg1.replace(/\\/g,"/");
						this.fileList.push({
							"url": data.idimg1
						});
						this.urlz = data.idimg1;
						this.showUrlz = data.idimg1
					}
					
					if(data.idimg2 != null){
						data.idimg2 =  data.idimg2.replace(/\\/g,"/");
						this.fileList2.push({
							"url": data.idimg2
						});
						this.urlf = data.idimg2;
						this.showUrlf = data.idimg2
					}
					
					this.remark = data.remark;
					this.flag = data.ischeck
					
					this.realname = data.realname; //姓名
					this.idcard = data.idcard; //身份证号
					this.bankno = data.bankno; //银行卡号
					this.openbank = data.openbank; //开户行
					this.bankname = data.bankname; 
				})
			},
			submit() {
				
				if (this.realname == '') {
					uni.showToast({
						title: '请填写姓名',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.idcard == '') {
					uni.showToast({
						title: '请填写身份证号',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.bankno == '') {
					uni.showToast({
						title: '请填写银行卡号',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.bankname == '') {
					uni.showToast({
						title: '请填写银行名称',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.openbank == '') {
					uni.showToast({
						title: '请填写开户行',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.idcard.length != 18) {
					uni.showToast({
						title: '您输入的身份证号不正确',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				if (this.bankno.length < 16) {
					uni.showToast({
						title: '银行卡号不正确',
						duration: 2000,
						icon: "none"
					});
					return;
				}
				
				if (!this.urlz || !this.urlf) {
					uni.showToast({
						title: "身份证未上传，请上传后再提交",
						mask: false,
						duration: 1000,
						icon: "none"
					});
					return;
				}
				
				// if (!this.urlb) {
				// 	uni.showToast({
				// 		title: "银行卡未上传，请上传后再提交",
				// 		mask: false,
				// 		duration: 1000,
				// 		icon: "none"
				// 	});
				// 	return;
				// }
				this.$Request.post(this.$api.index.realname, {
					urlz: this.urlz,
					urlf: this.urlf,
					realname: this.realname, //姓名
					idcard: this.idcard, //身份证号
					bankno: this.bankno, //银行卡号
					openbank: this.openbank, //开户行
					bankname: this.bankname,//银行名称
				}).then(res => {
					uni.showToast({
						title: res.msg,
						mask: false,
						duration: 1000,
						icon: "none"
					});
					if (res.code == 1) {
						setTimeout(() => {
							uni.switchTab({
								url: '/pages/index/index',
							});
						}, 600);
					}
				})
			
			},
			onUploadedz(lists) {
				let result = lists[lists.length - 1].response;
				this.urlz = result.url;
				this.filesArr = lists;
				this.urlzTipShow = true
				this.urlzText = '正面上传成功'
				// console.log(this.filesArr);
			},
			onUploadedf(lists) {
				let result = lists[lists.length - 1].response;
				this.urlf = result.url;
				this.filesArr = lists;
				this.urlfTipShow = true
				this.urlfText = '反面上传成功'
				// console.log(this.filesArr);
			},
			// onUploadedb(lists) {
			// 	let result = lists[lists.length - 1].response;
			// 	this.urlb = result.url;
			// 	this.filesArr = lists;
			// }
		},
		onLoad(e) {
			this.flag = e.flag;
			if (this.flag != 0) {
				this.getRealName();
			}
		},
		onShow() {
		
		}
		
	};
</script>

<style lang="scss">
	@import './realname.scss';
	.cu-form-group{
		background-color: #FFFFFF;
	}
	.cu-form-group uni-input{
		color: #666666;
	}
	.cu-form-group + .cu-form-group {
	    border-top: 1px solid #E5E5E5;
	}
	.title{
		min-width: 170rpx;
	}
	.card{
		width: 324rpx;
		height: 279rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.real_name_authentication {
		white-space: normal;
		width: 648upx;
		height: 80upx;
		padding: 0upx;
		clear: both;
		margin-top: 29upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 50upx;
	}
	
	.list_horizontal {
		width: auto;
		display: inline-block;
	}
	
	.real_name_authentication_1 {
		white-space: normal;
		width: 749upx;
		height: 1507upx;
		padding: 0upx;
		clear: both;
		float: left;
		background-color: #ffffff;
		border-radius: 0upx;
		font-size: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_41 {
		white-space: normal;
		width: 749upx;
		height: 76upx;
		padding: 0upx;
		clear: both;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		background-color: #f7f7f7;
		border-bottom-color: #e1e1e1;
		border-bottom-width: 1upx;
		border-bottom-style: solid;
		border-radius: 0upx;
		font-size: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_41 .real_name_authentication_2 {
		white-space: normal;
		width: 645upx;
		height: 25upx;
		padding: 0upx;
		margin-top: 22upx;
		margin-left: 36upx;
		float: left;
		border-radius: 0upx;
		color: #6464c8;
		font-size: 22upx;
		line-height: 25upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 {
		white-space: normal;
		width: 749upx;
		height: 560upx;
		padding: 0upx;
		clear: both;
		margin-top: 0upx;
		margin-left: 8px;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_7 {
		white-space: normal;
		width: 648upx;
		height: 28upx;
		padding: 0upx;
		clear: both;
		margin-top: 29upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_7 .real_name_authentication_8 {
		white-space: normal;
		width: 152upx;
		height: 28upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.full_name {
		white-space: normal;
		width: 462upx;
		height: 50upx;
		min-height: 50upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 15upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 27upx;
		line-height: 50upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_10 {
		white-space: normal;
		width: 710upx;
		height: 2upx;
		padding: 0upx;
		clear: both;
		margin-top: 34upx;
		margin-left: 38upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 2upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_11 {
		white-space: normal;
		width: 686upx;
		height: 32upx;
		padding: 0upx;
		clear: both;
		margin-top: 28upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 32upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_11 .real_name_authentication_12 {
		white-space: normal;
		width: 152upx;
		height: 32upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_11 .please_fill_in_the_id_card_number_or_take_photos {
		white-space: normal;
		width: 462upx;
		height: 32upx;
		min-height: 23upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 15upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 32upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_11 .real_name_authentication_14 {
		white-space: normal;
		width: 37upx;
		height: 32upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 18upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 32upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_15 {
		white-space: normal;
		width: 711upx;
		height: 2upx;
		padding: 0upx;
		clear: both;
		margin-top: 31upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 2upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_16 {
		white-space: normal;
		width: 681upx;
		height: 34upx;
		padding: 0upx;
		clear: both;
		margin-top: 27upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 34upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_16 .real_name_authentication_17 {
		white-space: normal;
		width: 152upx;
		height: 34upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_16 .please_fill_in_your_bank_card_number {
		white-space: normal;
		width: 462upx;
		height: 34upx;
		min-height: 23upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 15upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 34upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_16 .real_name_authentication_19 {
		white-space: normal;
		width: 33upx;
		height: 34upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 17upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 34upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_20 {
		white-space: normal;
		width: 710upx;
		height: 2upx;
		padding: 0upx;
		clear: both;
		margin-top: 31upx;
		margin-left: 38upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 2upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_21 {
		white-space: normal;
		width: 685upx;
		height: 68upx;
		padding: 0upx;
		clear: both;
		margin-top: 10upx;
		margin-left: 37upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 68upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_21 .real_name_authentication_22 {
		white-space: normal;
		width: 152upx;
		height: 28upx;
		padding: 0upx;
		margin-top: 18upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_21 .cell_phone_number {
		white-space: normal;
		width: 286upx;
		height: 23upx;
		min-height: 23upx;
		padding: 0upx;
		margin-top: 21upx;
		margin-left: 16upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 23upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_42 .real_name_authentication_21 .real_name_authentication_24 {
		white-space: normal;
		width: 148upx;
		height: 68upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 80upx;
		float: left;
		background-color: #ffffff;
		text-align: center;
		justify-content: center;
		border-color: #4494cf;
		border-width: 1upx;
		border-style: solid;
		border-radius: 30upx;
		color: #4494cf;
		font-size: 24upx;
		line-height: 68upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 {
		white-space: normal;
		width: 749upx;
		height: 147upx;
		padding: 0upx;
		clear: both;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		background-color: #f8f8f8;
		border-radius: 0upx;
		font-size: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .real_name_authentication_27 {
		white-space: normal;
		width: 138upx;
		height: 31upx;
		padding: 0upx;
		clear: both;
		margin-top: 27upx;
		margin-left: 28upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 31upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .real_name_authentication_27 .real_name_authentication_28 {
		white-space: normal;
		width: 109upx;
		height: 24upx;
		padding: 0upx;
		margin-top: 6upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		color: #6464c8;
		font-size: 23upx;
		line-height: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .real_name_authentication_27 .real_name_authentication_29 {
		white-space: normal;
		width: 28upx;
		height: 28upx;
		padding: 0upx;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 28upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .type {
		white-space: normal;
		width: 691upx;
		height: 54upx;
		padding: 0upx;
		clear: both;
		margin-top: 18upx;
		margin-left: 29upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 54upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .type .real_name_authentication_31 {
		white-space: normal;
		width: auto;
		height: 48upx;
		padding: 0upx;
		margin-top: 4upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 48upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .type .real_name_authentication_32 {
		white-space: normal;
		width: auto;
		height: 27upx;
		padding: 0upx;
		margin-top: 14upx;
		margin-left: 15upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 27upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .type .real_name_authentication_33 {
		white-space: normal;
		width: auto;
		height: 51upx;
		padding: 0upx;
		margin-top: 2upx;
		margin-left: 42upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 51upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_43 .type .real_name_authentication_34 {
		white-space: normal;
		width: auto;
		height: 27upx;
		padding: 0upx;
		margin-top: 14upx;
		margin-left: 14upx;
		float: left;
		border-radius: 0upx;
		color: #000;
		font-size: 24upx;
		line-height: 27upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_35 {
		white-space: normal;
		width: 518upx;
		height: 54upx;
		padding: 0upx;
		clear: both;
		margin-top: 15upx;
		margin-left: 46upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 54upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_35 .real_name_authentication_36 {
		white-space: normal;
		width: auto;
		height: 35upx;
		padding: 0upx;
		margin-top: 9upx;
		margin-left: 0upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 35upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_35 .real_name_authentication_37 {
		white-space: normal;
		width: auto;
		height: 24upx;
		padding: 0upx;
		margin-top: 19upx;
		margin-left: 5upx;
		float: left;
		border-radius: 0upx;
		color: #6464c8;
		font-size: 24upx;
		line-height: 24upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_35 .real_name_authentication_38 {
		white-space: normal;
		width: auto;
		height: 26upx;
		padding: 0upx;
		margin-top: 19upx;
		margin-left: 15upx;
		float: left;
		border-radius: 0upx;
		color: #3e96da;
		font-size: 22upx;
		line-height: 26upx;
	}
	
	.real_name_authentication_1 .btSubmit {
		white-space: normal;
		width: 674upx;
		height: 84upx;
		padding: 0upx;
		clear: both;
		margin-top: 84upx;
		margin-left: 37upx;
		float: left;
		background-color: rgb(222, 46, 46);
		text-align: center;
		justify-content: center;
		border-radius: 30upx;
		cursor: pointer;
		color: #ffffff;
		font-size: 24upx;
		line-height: 84upx;
	}
	
	.real_name_authentication_1 .real_name_authentication_40 {
		white-space: normal;
		width: 231upx;
		height: 26upx;
		padding: 0upx;
		clear: both;
		margin-top: 615upx;
		margin-left: 261upx;
		float: left;
		border-radius: 0upx;
		font-size: 24upx;
		line-height: 26upx;
	}
	
	.contact {
		margin: 5%;
	}
	
	.slot-btn {
		margin-top: 20upx;
		width: 300rpx;
		height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgb(244, 245, 246);
		border-radius: 10rpx;
		background-image: url(/static/img/8.png);
		background-size: 100% 100%;
	}
	
	.slot-btnbank {
		margin-top: 20upx;
		width: 300rpx;
		height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgb(244, 245, 246);
		border-radius: 10rpx;
		background-image: url(/static/img/bank.png);
		background-size: 100% 100%;
	}
	
	.slot-btnf {
		margin-top: 20upx;
		width: 300rpx;
		height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgb(244, 245, 246);
		border-radius: 10rpx;
		background-image: url(/static/img/7.png);
		background-size: 100% 100%;
	}
	
	.slot-btn__hover {
		background-color: rgb(235, 236, 238);
	
	}
	
	.pre-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.pre-item {
		flex: 0 0 48.5%;
		border-radius: 10rpx;
		height: 140rpx;
		overflow: hidden;
		position: relative;
		margin-bottom: 20rpx;
	}
	
	.pre-item-image {
		width: 100%;
		height: 140rpx;
	}
	.audit-hit{
		height: 120rpx;
		width: 100%;
		line-height: 120rpx;
		padding-left: 25rpx;
		font-size: 40rpx;
		text-align: center;
		font-weight: 600;
	}
	.warn{
		color: #FFB800;
	}
	.error{
		color: #FF5722;
	}
	.normal{
		color: #5FB878;
	}
	.remark{
		width: 100%;
		padding: 0px 20px;
	}
	.remark-title{
		height: 40px;
		color:  #FF5722;
		font-weight: 600;
	}
	
</style>
